<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			
			#pic1{
				position:absolute ;
				top: 90px;left: 300px;
				box-shadow: 0 8px 8px 5px white;
              
				transform:rotate(-35deg)scale(0.5); 
			}
			#pic2{
				position:absolute ;
				top: 200px;left: 550px;
				box-shadow: 0 8px 8px 5px white;
				transform:rotate(-28deg)scale(0.5); 
			}
			#pic3{
				position:absolute ;
				top: -10px;right: 150px;
				box-shadow: 0 8px 8px 5px white;
				transform:rotate(20deg)scale(0.5); 
			}
			
			#pic4{
				position:absolute ;
				top: -10px;right: 550px;
				box-shadow: 0 8px 8px 5px white;
				transform:rotate(-20deg)scale(0.5); 
			}
			#pic5{
				position:absolute ;
				top: -45px;;left: -100px;
				box-shadow: 0 8px 8px 5px white;
				transform:rotate(-20deg)scale(0.4); 
			}
			#pic6{
				position:absolute ;
				top: 70px;;left: -110px;
				box-shadow: 0 8px 8px 5px white;
				transform:rotate(20deg)scale(0.3); 
			}
			#pic7{
			position:absolute ;
			top: 180px;;right:0px;
			box-shadow: 0 8px 8px 5px white;
			transform:rotate(30deg)scale(0.4); 
			}
			#pic8{
			position:absolute ;
			top: 130px;;left:250px;
			box-shadow: 0 8px 8px 5px white;
			transform:rotate(30deg)scale(0.8); 
			}
			
			#pic9{
				
			position:absolute ;
			top: 40px;;right:-230px;
			box-shadow: 0 8px 8px 5px white;
			transform:rotate(18deg)scale(0.18); 
			}
		  #pic1:hover{z-index: 10;transform: scale(1);}
		  #pic2:hover{z-index: 10;transform: scale(1);}
		 #pic3:hover{z-index: 10;transform: scale(1);}
		 #pic4:hover{z-index: 10;transform: scale(1);}
		 #pic5:hover{z-index: 10;transform: scale(0.7);}
		 #pic6:hover{z-index: 10;transform: scale(0.6);}
		 #pic7:hover{z-index: 10;transform: scale(0.7);}
		 #pic8:hover{z-index: 10;transform: scale(1.4);}
		 #pic9:hover{z-index: 10;transform: scale(0.3);}
		</style>
	</head>
	<body>
		<div>
			<img src="img/1.jpg" id="pic1"/>
			<img src="img/2.jpg" id="pic2"/>
			<img src="img/3.jpg" id="pic3"/>
			<img src="img/4.jpg" id="pic4"/>
			<img src="img/5.jpg" id="pic5"/>
			<img src="img/6.jpg" id="pic6"/>
			<img src="img/7.jpg" id="pic7"/>
			<img src="img/8.jpg" id="pic8"/>
			<img src="img/9.jpg" id="pic9"/>
		
		</div>
	</body>
</html>
